<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>		  
		<div id="app"> 
			请输入成绩：<input type="text" v-model.number="score"  />			
			<hr />			
			<h3 v-if="score>=95" style="color: blue;">优秀</h3>
			<h3 v-else-if="score>=60" style="color: green;">中等</h3>			 
			<h3 v-else style="color: red;">不及格</h3>			 
		</div>
		
	</body>
	<script src="../js/vue.js"></script>	
	<script>
		
		const app=new Vue({
			el:"#app",
			// 存放私有数据地址
			data:{
				score: 0
			}
		});
		
	</script>
</html>